<template>
  <div>
   
    <div class="header">
      <div class="left">
        <el-row>
          <el-button type="info" class="el-icon-arrow-left" @click="goback">返回</el-button>
        </el-row>
      </div>
    </div>

    <el-form ref="form" :model="form" label-width="80px">
      <el-form-item label="类型">
        <el-select v-model="form.region">
          <el-option label="门诊" value="menzheng"></el-option>
          <el-option label="住院" value="zhuyuan"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="状态">
        <el-select v-model="form.region1">
          <el-option label="已暂停" value="yizanting"></el-option>
          <el-option label="新开单" value="xinkaidan"></el-option>
          <el-option label="进行中" value="jinzinzhong"></el-option>
          <el-option label="已完成" value="yizanting"></el-option>
          <el-option label="已取消" value="yiquxiao"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="开始时间">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item label="结束时间">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item label="付款日期">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item label="接收">
        <div style="margin-top: 15px">
             <el-input v-model="form.name">
             </el-input>
            <el-button slot="append" @click="dialogTableVisible = true" >新增</el-button>
          </el-input>
        </div> 
      </el-form-item> 
       <el-form-item label="标题">
        <el-input type="textarea" v-model="form.desc"></el-input>
      </el-form-item>
      <el-form-item>
        <el-checkbox v-model="checked">提醒</el-checkbox>
      </el-form-item>
      <hr />
       <el-form-item >
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item>
        <el-upload
  class="upload-demo"
  action="https://jsonplaceholder.typicode.com/posts/"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :before-remove="beforeRemove"
  multiple
  :limit="3"
  :on-exceed="handleExceed"
  :file-list="fileList">
  <el-button size="small" type="primary">点击上传</el-button>
        </el-upload>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">保存</el-button>
        <el-button>取消</el-button>
      </el-form-item>
       <hr />
    </el-form>
<!-- 新增弹框 -->
    <el-dialog  :visible.sync="dialogTableVisible">
     <div style="margin-top: 15px;">
       <div class="zuo">
      <el-button type="success" class="el-icon-circle-plus-outline"
            >新增接收人</el-button>
            <el-button type="success" class="el-icon-circle-plus-outline"
            >追加接收人</el-button>
      </div>
      <div class="you"> <el-input class="myinput" placeholder="查找..."></el-input>
    <el-button slot="append" icon="el-icon-search"></el-button></div>

</div>
       <el-table :data="gridData">
        <el-table-column
          property="date"
          label="选择"
          width="100"
        ><el-checkbox v-model="checked"></el-checkbox>
        </el-table-column>
        <el-table-column property="" label="部门"></el-table-column> 
       <el-table-column property="" label="真实姓名"></el-table-column>
        <el-table-column property="" label="用户名"></el-table-column>
        <el-table-column property="" label="角色"></el-table-column>
        <el-table-column property="" label="电话"></el-table-column>
      </el-table>
      <el-pagination
  small
  layout="prev, pager, next"
  :total="50">
</el-pagination>
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: "",
  components: {},
  data() {
    return {
      gridData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
      ],
      form: {
        name: "",
        region: "",
        region1: "",
      },
      dialogTableVisible: false,
      dialogFormVisible: false,
      checked: false,
      editor: null,
      html: "",
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    },
    goback() {
      this.$router.push("/home/Schedule_management/Schedule_home");
    },
  },
};
</script>
<style lang="less" scoped>
.header {
  button {
    line-height: 5px;
    font-weight: bold;
    margin: 10px 6px;
  }
}
.el-form-item {
  display: block;
  float: left;
  width: 50%;
  padding-top: 10px;
  box-sizing: border-box;
}
.el-select {
  width: 100%;
}
hr {
  width: 100%;
}
.myinput {
  width: 200px;
}
.input-with-select .el-input-group__prepend {
  background-color: #fff;
}
.zuo {
  float: left;
}
.you {
  float: right;
}
</style>